<template>
  <div class="pay-hydropower">
    <public-cpns
      :topUserPayInfo="topUserPayInfo"
      :payMethodInfo="payMethodInfo"
    >
      <template #top-title>水电缴纳</template>
    </public-cpns>
  </div>
</template>

<script lang="js">
import {defineComponent, reactive, ref} from 'vue'
import PublicCpns from '../public-cpns/public-cpns.vue'
import { useState } from '@/hooks'
export default defineComponent({
  props: {

  },
  components: {
      PublicCpns
  },
  setup() {
    const payMethodState = useState('pay',["payMethodInfo"])
    const payInfoState = useState(["topUserPayInfo"])

    const optionsChange=(v)=>{
      console.log(v);
    }
    const codeClick=()=>{
      console.log('获取验证码');
    }
    return {
      ...payMethodState,
      ...payInfoState,
      optionsChange,
      codeClick
    }

  }
})
</script>

<style scoped lang="less">
.pay-hydropower {
  min-height: 100vh;
  position: relative;
  z-index: 99;
  background-color: white;
}
</style>
